R6 Siege Battle Pass Rework

•

In 2022 I led the visual development and creation of the Y7S4 Battle Pass rework.

The brief: A choice-based Battle Pass that let players be strategic to get the most out of their experience.

This new functionality called for a high degree of information density and we wanted to make sure to give the player all the tools they needed without overwhelming them. I'm excited to share the result and a small glimpse into the creative process with you.

Designed in collaboration with the Battle Pass Cell

Art Director: Alex Karpazis
Graphic design director: Stephane Tartelin
Art assistance from Sarah Quirion
Integration assistance from Krystal-Ann Melbourne and Pascale Blanchette

Trailer made by the Siege Marketing team.

As the head UI Artist on the Battle Pass, I helped the marketing team align their visuals with the new Battle Pass branding and game feel.

Using the Progression Page, Map, Minimap, Bookmarking, Unlock
Bookmark animation and Breach Tile animation by Jonna Pedersen

Bookmark design by Sarah Quirion, Tile unlock animation by Pascale Blanchette

The Breach Unlock animation was a fun one to make :)

Premium item
Progression Page and Mini Map design by Jonna Pedersen

3D Preview Panel and Level Tracker by Sarah Quirion and Stephane Tartelin

Free item and Unlock Path

Breach Tile and Unlock Path

How the visuals on the Progression Page, Tile Map, and Mini Map correspond with each other.

Battle Pass Map

Design and Integration by Jonna Pedersen

Map generation is fully automated. When the level designer creates the map using an online tool, the in-game map automatically updates with the new icons and paths.

Battle Pass Map

Players can filter by either Operator (if an item is associated with an Operator) or type.

Splash Screen (If player owns the seasonal Operator)

Design and Integration of page and tiles by Jonna Pedersen

Seasonal Key Art by CRCR

Splash Screen (If player does not own the seasonal Operator)

Design and Integration of page and tiles by Jonna Pedersen

Seasonal Key Art by CRCR

As the BP was now more complicated to navigate, we tried a lot of to simplify visuals and navigation.

In this iteration, we omitted the 3D side panel preview to give more room to the tiles and tried a carousel-style navigation.

At the time we were also exploring the possibility of having seasonally changing visual themes. This mockup is done in the theme of Y6S3: Crystal Guard.

Simple mockup exploring the carousel concept and an unlock path. We called this "Expanded View".

Proposal for how navigation choices would be made using the carousel. At the time, we were considering a long map with just a few rows, but we scrapped this format when the Cell wanted to explore the idea of a more square map.

"Condensed View" - in this concept, players would be able to either prioritize seeing a larger map or seeing more tiles at once. We later decided that a minimap would better suit our needs.

Tried lots of path styles before settling on one that would offer the best readability and be fully automated once integrated.

The map design was heavily influenced by Massimo Vignelli's NYC Subway maps and internally came to be nicknamed the MetroMap.

For the tiles, we iterated a lot to make the Premium tiles feel valuable. Initially, we wanted something that could be customized to fit the seasonal colourways but decided for stronger brand recognition and readability, a simple gold would suit the needs better.

The final gold Premium visual is done by Stephane Tartelin.